<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<p>数字1</p>
		<input class="n1"  type="text" />
		<p>数字2</p>
			<input  class="n2" type="text" />
	
			<!--按钮的点击事件让他去实行add这个函数-->
			<input class="btn" type="button"  onclick="add()" value="求和"/>
			<p id="sum"></p>
			
		<script>
	function add()
	{
		/*
		 * 1.获取2个文本框的输入
		 * 2.相加的结果要把他放入结果的p段落
		 */
		var num1=document.getElementById('n1');
			var num2=document.getElementById('n2');
			var sum=document.getElementById('sum');	
		var result=num1.value+num2.value;
		//不管输入的是文本还是数字都会处理成String 所以进行强转
		parseInt((num1.value)+parseInt(num2.value));
		sum.innerHTML=result;
		
	}
			
			
			
			
		</script>
	</body>
</html>
